﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;cursor:pointer}
a{text-decoration:none;color:#666;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
#box{max-width:640px;width:100%;margin:0 auto;color:#666;font:12px/22px 微软雅黑,Arial, Helvetica, sans-serif;}
/*submenu*/
.mui-bar-popover {width:30%;}/*用户版微信首页列表*/
.mui-popover ul{width:30%;}
.mui-popover ul li{width:100px;text-align:center;display:block}
/*login*/
.login{width:90%;margin:0 auto;}
.login p{font-size:18px;margin:30px 0;}
.content{width:90%;margin:0 auto;}
.content .login{overflow:hidden}
.content .login input#tel{border-radius:6px;}
.content .login input{width:98%;background-color:#EAF0F0;line-height:45px;border:0;margin:10px 0;padding-left:10px;font-size:16px;border-radius:6px;}
.content .login input.message{width:72%;float:left;border-radius:6px 0 0 6px;}
.content .login input#btn{width:26%;float:left;background:url(../images/login_04.jpg) no-repeat left top;border-radius:0;background-size:cover;color:#fff;font-size:14px}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
.content .yanZheng{width:70%;margin:20px auto;}
.content .yanZheng img{max-width:400px;width:100%;}
.loginSub{width:73%;margin:20px auto}
.loginSub .sub{background:url(../images/login_11.jpg) no-repeat left top;color:#fff;width:100%;height:65px;border:0;background-size:cover;font-size:18px;}
/*recommend*/
.recomPhoto{width:100%;margin-top:50px;}
.recomPhoto img{max-width:640px;width:100%}
.recomCon p,.recomCon h3{text-align:center;}
.recomCon .rule{font-size:12px;padding:20px 0;}
.recomCon .rule a{color:#666;}
.recomCon .youHui{font-size:16px;}
.recomCon .jiangLi{font-size:20px;}
.recomCon h3{width:90%;margin:30px auto 15px;background:url(../images/button_02.jpg) no-repeat left top;background-size:100% 100%;color:#fff;line-height:40px;height:50px;font-size:18px;font-weight:400;}
.recomCon h3 a{color:#fff;}
.recomCon h3 a:hover{text-decoration: none;}
.recomCon #fenXiang{font-size:20px;display:none;}
.number{margin-bottom:50px;text-align:center;font-size:16px;border-top:1px solid #ccc;margin-top:40px;line-height:50px;height:100px;}
/*recom*/
.recomCon{width:100%;}
.recomCon form{margin:80px auto 10px;width:90%;display:block}
.recomCon form input{display:block;width:100%;height:40px;text-align:center;font-size:16px;margin:20px 0;border:1px solid #ccc;}
.recomCon .butOne{background:url(../images/button_03.jpg) no-repeat left top;height:50px;line-height:40px;background-size:100% 100%;}
.recomCon .butOne a{color:#fff;font-size:16px;}
.photoTop{width:100%;margin-top: 50px;}
.photoTop img{width:100%;max-width:640px;}
.alos{width:80%;margin:20px auto;overflow:hidden;border-bottom:1px solid #ccc;padding:0;background:url(../images/t_03.png) no-repeat left top;background-size:100% 100%; -webkit-box-shadow:8px 8px 14px #ccc}
.recom p.recomOne{width:80%;margin:0 auto;}
.recom p.recomTwo{width:90%;margin:0 auto;line-height:40px;height:40px;text-align:center;background-color:#49A9DB;color:#fff;margin-top:150px;font-size:18px;}
/*tanchuceng*/
.recruit #ClickMe{width:90%;border:0;background:url(../images/button_02.jpg) no-repeat left top;background-size:100% 100%;color:#fff;line-height:40px;height:50px;margin:30px auto;font-size:16px;display:block;margin-bottom:80px;}
.recruit #goodcover{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
.recruit #code{width:220px;height:200px;background-color: #fff;position: absolute;display: none;z-index: 1002;}
.recruit .close1{width: 220px;height:30px;}
.recruit #closebt{float: right;}
.recruit #closebt img{width: 20px;}
.recruit .goodtxt{text-align: center;font-size:16px;}
.recruit .goodtxt input{text-align:center;line-height:30px;width:90%;border:0;border-bottom:1px solid #ccc;}
.recruit .goodtxt p{height:60px;line-height:60px;font-weight:500;}
.recruit .goodtxt input.phone{display:block;width:100%;color:#fff;background-color:#969698;height:40px;line-height:40px;margin-top:40px;}
/*approve*/
.appHead{width:100%;padding:10px 0;margin-top: 50px;}
.appHead p{line-height:30px;padding:0 20px;}
.appHead .headBig{font-size:18px;}
.appHead .headBig span{float:right}
.appHead .headBig span a{color:#49A9DB;}
.approve{width:90%;margin:0 auto}
.approve label{display:block;font-size:16px;line-height:40px;}
.approve input{line-height:40px;width:100%;font-size:16px;border:1px solid #CCC;}
.appContent{padding-bottom:30px;}
.appContent p.next{background-color:#49A9DB;text-align:center;margin:30px 0;line-height:50px;height:50px;color:#fff}
.appContent a{color:#fff;font-size:16px;}
.appContent a:hover{text-decoration: none;color:#fff}
.approve .changYong input.file{width:100%;height:140px;display: block;opacity: 0;}
.approve .changYong{position: relative;border:1px solid #ccc}
.approve .changYong h4{position: absolute;left:37%;top:14%;height:100px;}
.approve .changYong h4 img{width:60%;max-width:150px;}
.approve .changYong h4 span{color:#ccc;display:block;padding-left:8%;line-height:40px;height:40px}
.approve #demo2{font-size:16px;border:1px solid #ccc;color:#ccc;}
.approve #cun{width:90%; height:40px;line-height: 40px; margin:20px auto; background-color:#49A9DB;text-align: center;color: #fff;border-radius: 6px;}
/*approve2*/
.appContent h6{border:10px solid #ccc;width:100%;}
.appContent h6 img{max-width:640px;width:100%;}
.appContent h5{width:100%;height:50px;line-height:50px;background-color:#49A9DB; overflow:hidden;font-size:16px;margin-bottom: 30px;}
.appContent h5 a{width:49.8%;color:#fff;float:left;text-align:center;border-right:1px solid #CCC}
.appContent h5 p{width:49.8%;color:#fff;float:left;text-align:center;}
#dialogFeed{width:320px;-webkit-box-shadow:2px 2px 50px #000;position:fixed;left:41%;top:0;margin-left:-120px;display:none;z-index:100;margin-top:80px;background-color:#fff;padding:30px 0 150px 0}
#dialogFeed h3 img{width:30%;max-width:120px;margin:0 auto;display:block}
.dialogFeed{text-align:center;font-weight:bold;background-color:#fff;line-height:30px;height:40px;padding:20px 0;font-size:16px;}
.dialogFeed p{padding:0px 15px;}
.dialogFeed h5{padding:40px 15px 10px;}
/*approve3*/
.roveTop,.roveBottom{background-color:#fff;}
.roveTop{margin-top:15px;}
.roveTop p{line-height:35px;font-size:16px;width:90%;margin:0 auto;border-bottom:1px solid #eee}
.roveTop p span{width:30%;float:left}
.roveBottom{width:100%;margin:20px auto;font-size:16px;}
.roveBottom p{width:90%;line-height:40px;padding:10px 0;margin:0 auto;}
.roveBottom ul{width:90%;margin:0 auto;}
.roveBottom ul li{border-bottom:1px solid #eee;line-height:40px;overflow:hidden}
.roveBottom ul li a{color:#666;}
.roveBottom ul li a:hover{text-decoration: none;}
.roveBottom li span.roveOne{width:40%;float:left}
.roveBottom li span.roveTwo{color:#49A9DB}
.roveBottom li s{background-color:#f00;color:#fff;border-radius:4px;font-size:12px;padding:2px;}
.roveBottom li:hover{background:url(../images/approve_04.jpg) no-repeat right 8px;background-size:6% 50%;}
/*erweima*/
.erweima{background-color:#ccc; opacity:0.5;width:100%;height:600px;z-index:-1;border:1px solid #ccc}
.erwei{width:46%;margin:0 auto;background-color:#fff;z-index:999;margin-top:300px}
.erwei p{line-height:40px;text-align:center;color:#666;}
.erwei p.use{background-color:#eee}
.erwei img{width:100%;max-width:90px;margin:30px 0;}
/*balance*/
.balance,.recharge,.personBox{width:100%;background-color:#eee;height:700px;border:1px solid #ccc;margin-top:50px;}
.balanTop{background-color:#fff;margin:20px auto 10px;}
.balanTop .topOne{font-size:18px;line-height:40px;padding-left:10px;}
.balanTop .topTwo{font-size:30px;text-align:center;padding:40px 0 50px 0;}
.balanBom p{width:90%;margin:0 auto;height:45px;line-height:45px;background-color:#49A9DB;font-size:20px;text-align:center;border-radius: 6px;}
.balanBom p a{color:#fff;font-size:16px;}
/*recharge*/
.recharge p.bank{background-color:#fff;font-size:18px;line-height:40px;margin:10px auto;padding-left:20px;}
.recharge p.bank span{float:right;padding-right:20px;}
.recharge .jine{overflow:hidden;background-color:#fff;font-size:18px;line-height:40px;margin:40px auto;padding-left:20px;}
.recharge .jine p{float:left;}
.recharge .jine input{line-height:30px;font-size:16px;border:0;padding-left:20px;width:50%}
.recharge .queRen{width:70%;margin:0 auto;background-color:#737979;text-align:center;line-height:40px;}
.recharge .queRen a{font-size:16px;color:#fff;}
.bill{width:100%;}
.bill img{width:60%;max-width:200px;margin:80px auto 30px;display:block}
.bill p{font-size:18px;color:#9AA0A0;text-align:center}
/*person*/
.person{overflow:hidden;}
.person p{background-color:#fff;line-height:50px;height:50px;font-size:16px;border-bottom:1px solid #D5D6DB;margin:0}
.person p.per,.person p.son{margin:10px 0;}
.person p a{color:#666;}
.person p span.telOne{width:26%;display:block;float:left;text-align:center}
.person p span.telTwo{width:60%;display:block;float:left}
.person p span.telTwo input{width:100%;border:0;line-height:35px}
.person p span.telThree{width:5%;float:right;margin-right:20px;}
.person p.son span.telOne{width:50%;text-align:left;padding-left:15px;}
.person p.cun{width:90%;margin:0 auto;background: #0088BB;text-align:center;border-radius: 8px;line-height:45px;height:45px;padding:0;}
.person p.cun a{color: #fff;;}
/*amendTel*/
.amendTel{margin-top:50px;background:#fff;}
.amendTels{background:#fff;padding:0 16px}
.amTel{overflow:hidden;line-height:36px;border-bottom:1px solid #ccc;width:92%;margin:10px auto;}
.amTel label{float:left;width:25%;font-size:16px;font-weight: 400;}
.amTel input{float:left;width:45%;font-size:16px;line-height:35px;border:0;}
.amTel input.name{margin:0;float:left;width:45%;font-size:16px;line-height:35px;border:0;}
.amTel button#demo2{float:left;width:45%;font-size:16px;line-height:35px;border:0;color:#ccc;}
.amTel input#btn{float:left;width:30%;font-size:16px;height:30px;line-height:30px;background-color:#fff;border:1px solid #ccc;}
.amTel p{margin:0;text-align:center;height:70px;border:0;-moz-opacity:0.58 !important; filter:alpha(opacity=90); opacity: 0.58;  _-moz-opacity:0.58;}
.amTel p span{font-size:16px;display:block;margin:0}
.amTel p:hover{opacity:1}
.amTel p img{display:block;width:40%;max-width:40px;margin:0 auto}
.amendTel p.save{width:90%;line-height:45px;height:45px;background-color:#383838;margin:20px auto;text-align:center}
.amendTel p.save a{color:#fff;font-size:18px;}
.ui-alert {text-align:left;font-size: 16px;}
/*findPwd*/
.amTel .save{color:#fff;font-size:18px;width:100%;line-height:45px;background-color:#383838;margin:20px auto;text-align:center;border-bottom:0}
/*amendMess*/
.amTel p{line-height:36px;width:20%;float:left;}
.amTel p .sex1{width:23%;margin-top:10px;border:1px solid #ccc}
.amTel p span{padding-left:10px;}
.amTel #cun{width:90%; height:40px;line-height: 40px; margin:20px auto; background-color:#49A9DB;text-align: center;color: #fff;border-radius: 6px;}
/*privilege*/
.privilege{background-color:#ccc;height:600px;padding-top:20px;}
.privilege p{padding-left:15px;}
.privilege .priOne{background-color:#fff;line-height:35px;font-size:16px;}
.privilege .priTwo{line-height:35px;}
/*check*/
.checkHead{overflow:hidden;border-bottom:10px solid #ccc;margin-top:50px}
.checkLeft,.checkCenter,.checkRight{width:33%;float:left;}
.checkLeft p,.checkCenter p,.checkRight p{text-align:center;line-height:36px;}
p.checkMoney{font-size:18px;}
p.checkTitle{font-size:16px;}
.checkHead .checkCenter{border-left:1px solid #ccc;border-right:1px solid #ccc}
.checkCon{overflow:hidden;border-bottom:1px solid #ccc;padding:20px 0;}
.conLeft,.conCenter,.conRight{float:left}
.conLeft{width:20%;}
.conLeft p,.conRight p{text-align:center;font-size:16px;line-height:25px;}
.conCenter{width:17%;}
.conCenter img{width:80%;max-width:60px;}
/*ticket*/
.wrap{width:100%;max-width:640px;margin:0 auto}
.tabs{height:40px;}
.tabs  a{display:block;float:left;width:33%;color:#333;text-align:center;background:#eee;line-height:40px;font-size:16px;text-decoration:none;height:45px;}
.tabs a.active{border-bottom:6px solid #49A9DB}
.tabs a.actives{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.alo{width:80%;margin:40px auto;overflow:hidden;border-bottom:1px solid #ccc;padding:0;background:url(../images/t_03.png) no-repeat left top;background-size:100% 100%; -webkit-box-shadow:8px 8px 14px #ccc}
.aloLeft{width:60%;float:left;margin-left:3%;}
.aloLeft .aloOne{font-size:15px;color:#fff;padding-left:20px;line-height:30px;height:30px;}
.aloLeft .aloOne span{padding-left:10%;}
.aloLeft .aloTwo{font-size:15px;padding-left:20%;}
.aloLeft .aloThree{font-size:12px;text-align:right;padding-top:30px;}
.aloRight{width:20%;float:left;margin-left:16%;}
.aloRight .aloFour{font-size:30px;margin-top:40px;}
.ulo{width:80%;margin:40px auto;overflow:hidden;border-bottom:1px solid #ccc;padding:0;background:url(../images/t_04.png) no-repeat left top;background-size:100% 100%; -webkit-box-shadow:8px 8px 14px #ccc}
/*checks*/
#box .integrals{background:#eee;height:680px;border:1px solid #eee}
#hear{width: 100%;height:80px;line-height: 45px;border-bottom: 1px solid #ccc;margin:60px auto 10px;background:#fff}
#hear a{font-weight: normal;color: black;font-size:18px;}
#hear a:hover{text-decoration: none;}
#hear li{text-align: center;float: left;height:80px;width:50%;}
#hear li p{line-height:30px;}
#contentop{width:100%;background:#fff}
/*loginSuc*/
#box .header{width:100%;margin:20px 0;}
.header p{color:#fff;font-size:20px;width:90%;padding-left:20px;line-height:24px;padding:16px 0;background-color:#59B6E1;margin:0 auto;text-align:center;border-radius:8px;}
.header img{ vertical-align:middle;max-width:80px;width:100%;}
.loginSuc{margin:60px auto;width:75%}
.loginSuc p{text-align:center;font-size:20px;color:#59B6E1;line-height:60px;height:60px;}
.loginSuc img{width:100%;max-width:500px;margin:0 auto; -webkit-box-shadow:8px 8px 14px #666}
.bagOne .card{background: url(../images/index_03.jpg) no-repeat left top;background-size:100% 100%;width:90%;margin:0 auto;margin-top:20px;}
.bagOne .card h1{margin:0;width: 70%;}
.bagOne .card h1 img{max-width:80px;width:60%;display:block;margin-left:96%;}
.bagOne .card p{font-size:12px;}
.bagOne .card p.numbers{padding-top:10px;}
.bagOne .card p.numbers span{display: block;text-align: left;padding-left:5%;line-height:10px}
.bagOne .card p.cardRights{text-align:right;padding-right: 24px;padding-bottom: 5px;}
/*index*/
.index{height:auto;width:100%;margin-bottom:50px}
.bagOne{width:100%;border:1px solid #ccc;background: -ms-linear-gradient(top,#000,#3A4040);/* IE 10 */background:-moz-linear-gradient(top,#000,#3A4040);/*火狐*/ background:-webkit-linear-gradient(top,#000,#3A4040);}
.bagOne p{text-align:center;line-height:30px}
.bagOne p.cardOne{color:#fff;font-size:14px;padding-left:55%;color:#666;margin-top:0;line-height:24px}
.bagOne p.cardOne img{max-width:25px;padding-right: 5px;}
.bagOne p.cardTwo{color:#5AB5E2;}
.bagOne p.cardThree{font-size:16px;color:#7D7FB7}
.bagOne p.cardThree span{color:#eee}
.bagTwo{overflow:hidden;padding:10px 0;text-align: center;}
.bagTwo a{color:#666}
.bagTwo a:hover{text-decoration: none;color:#666}
.bagTwo .cardLeft,.cardCenter,.cardRight{width:33%;float:left;}
.bagTwo .cardLeft p,.cardCenter p,.cardRight p{text-align:center;font-size:18px;line-height:45px;}
.cardCenter{border-left:1px solid #D1DBE4;border-right:1px solid #D1DBE4}
.bagThree{background-color:#eee;height:260px;border:1px solid #ccc;}
.bagThree ul{margin-top:10px;}
.bagThree li{background-color:#fff;line-height:40px;padding-left:30px;overflow:hidden}
.bagThree li img{max-width:25px;padding-top:11px;float:left}
/*.bagThree li a{font-size:16px;padding-left:20px;padding-top:3px;float:left;color:#666}
.bagThree li a:hover{text-decoration:none;}*/
.bagThree a{font-size:16px;color:#666}
.bagThree a:hover{text-decoration:none;color:#666;}
.bagThree li.rechar_li{margin-bottom:10px;display:block}
.bagThree .bagLi1{border-bottom:1px solid #ccc}
.bagOne #dialog{padding:0;}
/*文字滚动css*/
#scrollDiv{ overflow:auto;width:80%;margin:0 auto 20px;}
.scrollText{width:90%;height:20px;min-height:25px;line-height:25px; float:left;overflow:hidden;}
.scrollText li{height:25px;text-align: center;color:#44A9DE}
.up{float:left;margin-left:290px;z-index:999;width:7%;height:auto;margin:0;}
.up img{max-width:30px;width:100%}
/*文字滚动css  End*/
/*会员卡二维码弹出页面css*/
#popup a{color:#666;}
#click_div{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 999; display: none;}
#dialog{width: 270px; height:auto; position: fixed; top: 50%;left: 50%; margin-left: -135px; margin-top: -175px; background-color: #fff; z-index: 999;}
.diaCard{background-color:#fff;}
.diaCard p{text-align:center;font-size:14px;line-height:40px;background-color:#eee;margin:0;}
.diaCard h2{width:70%;margin:40px auto;}
.diaCard h2 img{max-width:200px;width:100%;}
/*会员卡二维码弹出页面css End*/
/*rechar*/
.rechar{width:90%;margin:50px auto}
.rechar p{font-size:16px;line-height:41px;}
.recharBox{overflow:hidden;}
.recharBox .recharLeft,.recharCenter,.recharRight{float:left;width:28%;background:#D5D6DB;border-radius: 6px;}
.recharBox a{color:#666;display:block;padding:10px 0;}
.recharBox .current{text-decoration:none;background:#49A9DB;color:#FFFDEF;border-radius: 6px;}
.recharCenter{margin:0 6%;}
.recharBox p{text-align:center;}
.recharBox p.recharOne{font-size:24px;}
.rechMon{margin-top:15px;overflow:hidden}
.rechMon .money{float:left;width:35%;background:#D5D6DB;line-height:42px;text-align:center;border-radius: 6px;}
.rechMon .money a{color:#666;display:block;}
.rechMon .money .rechar1{text-decoration:none;background:#49A9DB;color:#fff;border-radius: 6px;}
.rechMon input{width:61%;border:1px solid #ccc;line-height:40px;padding-left:10px;}
.rechMon .chong{width:100%;background-color:#49A9DB;text-align:center;color:#fff;line-height:45px;height:45px;margin-top:100px;border-radius: 6px;}
/*rechar会员卡充值成功弹出层*/
#dialog h3 img{width:30%;max-width:120px;margin:0 auto;display:block}
.dialogCont{text-align:center;font-weight:bold;background-color:#fff;line-height:40px;height:auto;padding:20px 0;font-size:16px;}
/*rechar会员卡充值成功弹出层End*/
/*recommend微信分享弹出提醒*/
#dialogs{width:150px;position: fixed;height:auto;right:0;top:60px;z-index:999;color:#fff;}
#dialogs img{width:50%;max-width:120px;margin:0 auto;display:block}
.dialogConts{text-align:center;font-weight:bold;font-size:17px;}
/*recommend微信分享弹出提醒End*/
/*card*/
.cardTop,.cardHead{width:90%;margin:0 auto;}
.cardTop p{line-height:40px;}
.cardTop p.title{font-size:22px;padding-top:30px;}
.cardTop p.date{font-size:16px;}
.cardHead{margin-top:70px;}
.cardHead h1{border:1px solid #2995C3}
.cardHead h2{border:2px solid #2995C3;margin-top:1px;}
.cardHead p{line-height:40px;text-align:center;font-size:18px;}
.cardHead p.headOne{color:#2995C3;font-weight:bold}
.cardHead p.headTwo{color:#92d14f}
.cardCon{width:100%; position:relative;z-index:-1}
.cardCon h3{width:80%;position:absolute;top:30px;left:3%;z-index:999;width:96%;background:url(../images/2.png) no-repeat left top;background-size:98% 100%;line-height:40px;height:50px;color:#fff;text-align:center}
.cardCon h3 img{max-width:607px;width:100%;}
.contents{border:1px solid #ccc;width:90%;margin:0 auto}
.contents .cardPhoto{width:100%;margin:0 auto;}
.contents .cardPhoto img{max-width:667px;width:90%;margin:0 auto;padding:90px 0 10px;display:block}
.cardWord{font-size:16px;padding:0 10px;}
.cardWord p,.cardWord ol li{line-height:30px;padding-top:7px;}
.cardWord ol li{margin-left:20px;}
.foot{width:100%;background-color:#2995C3;margin-top:20px;padding:10px 0;}
.foot p{text-align:center;font-size:16px;color:#fff;line-height:28px;}
.foot h6{width:150px;height:150px;background-color:#fff;margin:20px auto; border-radius:10px;}
/* cooperation */
.coopCon{width:100%;max-width:640px;}
.coopHead{margin-top:50px;height:50px}
.coopHead input{background:url(../images/1_03.jpg) no-repeat 10px 7px #eee;background-size:6% 60%;line-height:35px;height:35px;padding-left:40px;border-radius:8px;width:94%;margin:10px auto;display:block;border:0;}
.screening li{float:left;width:32%;text-align:center;line-height:40px;font-size:16px;}
.screening li.Sort{border-left:1px solid #E1ECEE;border-right:1px solid #E1ECEE;}
/* screening */
div.screening{width:100%;max-width:640px;overflow: hidden;background: #fff;z-index: 4;font-size:18px;}
div.screening ul::after{margin-top:50px;}
div.screening>ul{border-top:1px solid #E1ECEE;border-bottom: solid 1px #E1ECEE;overflow: hidden;margin:0;}
div.screening>ul>li{float: left;font-size:0.75em;width:32%;text-align: center;line-height:45px;border-left: solid 1px #E1ECEE;}
/*div.screening>ul>li>span{background: url("../images/on_1.png") no-repeat right center; background-size:0.75em; padding-right:15px;}
div.screening>ul>.current>span{background: url("../images/on_2.png") no-repeat  right center;background-size:0.75em; color:#3cb9f3;}*/
/* grade */
.meishi22,.grade-eject,.Category-eject,.Sort-eject{position:fixed;top: -85%;width: 100%;height: 63%;z-index: 1;margin-top:120px;font-size:18px;}
.meishi22>ul,.grade-eject>ul,.Category-eject>ul,.Sort-eject>ul{margin-top:-10px;padding: 0;overflow: auto;height: 100%;width: 100%;max-width:640px;-webkit-transition-duration: 0.4s;}
.meishi22>ul>li,.grade-eject>ul>li,.Category-eject>ul>li,.Sort-eject>ul>li{height:45px;line-height:45px;font-size: 0.75em;padding-left: 1rem;border-bottom: solid 1px #eee;}
.meishi22>ul.meishia-w,.grade-eject>ul.grade-w,.Category-eject>ul.Category-w{background: #fff;position: absolute;z-index: 1; }
.meishi22>ul.meishia-t,.grade-eject>ul.grade-t,.Category-eject>ul.Category-t{background: #eee;position: absolute;z-index: 2;left: 100%;}
.meishi22>ul.meishia-t>li,.grade-eject>ul.grade-t>li,.Category-eject>ul.Category-t>li{ border-bottom: solid 1px #e5e5e5;}
.meishi22>ul.meishia-s,.grade-eject>ul.grade-s,.Category-eject>ul.Category-s{background: #fff; position: absolute;z-index: 3;left: 100%;list-style-type: none;}
.meishi22>ul.meishia-s>li,.grade-eject>ul.grade-s>li,.Category-eject>ul.Category-s>li{border-bottom: solid 1px #eee; margin-left: 1rem;padding: 0;}
.grade-w-roll{top: 3rem; }
.grade-w-roll::after{position: fixed;content: "";width: 100%;max-width:640px;height: 100%;display: block;top: 0;}
/*Sort-eject*/
.Sort-Sort{background: #fff;position: absolute;z-index: 3;left: 0;list-style-type: none;}
.Sort-Sort>li{border-bottom: solid 1px #eee;padding: 0;}
.Sort-height{height: 63%;}
.coopOne{overflow:hidden;border-bottom:1px solid #E1ECEE}
.coopLeft,.coopCenter{float:left;}
.coopLeft{width:30%;padding:15px;}
.coopLeft img{width:90%;max-width:150px;}
.coopCenter{width:49%;padding:12px 0;}
.coopCenter p{line-height:25px;}
.coopCenter p.cenOne{font-size:18px;}
.coopCenter p.cenTwo{font-size:14px;}
.coopCenter p.cenThree{font-size:14px;}
.coopRight{width:10%;float:right;padding:35px 0;margin-right:10px;}
.coopRight img{width:80%;max-width:60px;}
/*paysuc1*/
.paysuc{background:rgba(0,0,0,0.1) ;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);border:1px #eee solid}/*半透明其他元素不受影响*/
.paysuc .payOne{background-color:#fff;width:80%;margin:80px auto }
.paysuc .payOne p{text-align:center;font-size:16px;}
.paysuc .payOne .count{text-align:right;padding-right:10px;line-height:35px;}
.payOne h1{width:20%;margin:0 auto;}
.payOne h1 img{max-width:80px;width:100%;}
.payOne p.paySuccess{color:#E7951F;font-size:20px;padding:10px 0;}
.payOne .payTwo{background-color:#EAF0F0;width:70%;margin:40px auto 30px;padding:5px 0;}
.payOne .payTwo p{line-height:25px;font-size:16px;}
.paysuc .payOne .payMon{padding-top:50px;line-height:40px;}
.payOne .payMon a{color:#49A9DB;text-decoration:underline;}
.paysuc .payOne .xiaci{background-color:#EAF0F0;line-height:40px}
.paysuc .payOne .buzu{color:#BF1F1D}
.more{background-color:#eee;height:700px;margin-top:50px;border:1px solid #fff}
.more h1{width:100%;margin-top:10px;}
.more h1 img{max-width:640px;width:100%;}
.more ul{margin-top:10px;}
.more ul li{width:100%;background-color:#fff;line-height:45px;display:block;overflow:hidden}
.more ul li a{color:#666;}
.more ul li a:hover{text-decoration:none}
.more ul li.service a{border-bottom:1px solid #E5EDEF;}
.more ul li.merchant{margin:10px auto;}
.more ul li a{width:90%;display:block;margin:0 auto;font-size:16px;}
.more ul li span{width:10%;float:left}
.more ul li span img{max-width:23px;width:80%;}
/*recommends*/
.recomContent{background-color:#eee}
.recomContent .recomCenter{overflow:hidden;width:90%;margin:0 auto;border-bottom:1px solid #D1DBE4;margin-top:50px;}
.recomCenter h5{border-top:1px solid #D1DBE4;width:40%;float:left}
.recomCenter p{float:left;font-size:18px;width:20%}
.recomCenter dl{float:left;width:50%;text-align:center}
.recomCenter dl dt{width:100%;height:60px;}
.recomCenter dl dt img{max-width:60px;width:50%}
.recomCenter dl dd{font-size:16px;line-height:35px;height:35px;}
/*integral*/
.integral{background-color:#eee;height:700px;border:1px solid #eee}
.checks{margin-top:70px;margin-bottom:70px;background:#fff}
/*feedback*/
.feedback{margin-top:50px;padding-bottom:80px;background-color:#eee;}
.feedback action p{width:90%;margin:0 auto;font-size:16px;line-height:45px;height:45px;}
.feedback action p img{max-width:25px;width:20%;margin-right:20px;}
.feedback action .changYong{background-color:#fff;overflow:hidden;padding:6px 5%}
action .changYong p{float:left;width:45%;text-align:center;margin:5px 0;}
action .changYong p.feedRight{float:right}
action .changYong p a{border:1px solid #ccc;display:block;color:#666}
/*action .changYong p a:hover{border:1px solid #49A9DB;text-decoration: none;color:#49A9DB}*/
action .changYong .check{border:1px solid #49A9DB;text-decoration: none;color:#49A9DB}
action .changYong input.file{width:100%;height:140px;display: block;opacity: 0;}
action .changYong{position: relative;}
action .changYong h6{position: absolute;left:37%;top:14%;}
action .changYong h6 img{width:60%;max-width:150px;}
action .changYong h6 span{color:#ccc;display:block;padding-left:15%;line-height:40px;height:40px}
action .changYong input.text{width:100%;height:130px;display: block;border:0;}
action .feedSub{width:90%;margin:0 auto;border-radius: 6px;background-color:#49A9DB;text-align:center;}
action .feedSub a{color:#fff;font-size;16px;margin:20px 0;display:block}
/*myErwei*/
.erweimas{background:url(../images/beijing_02.jpg) no-repeat left top;background-size:100% 100%;width:100%;height:auto;z-index:-1;border:1px solid #ccc;margin-top:0px;}
.erweimas h3{margin:0;line-height:50px;height:50px;margin-top:8px;}
.erweimas h3 span{color:#fff;}
.erweis{width:80%;margin:80px auto;background-color:#fff;z-index:999;}
.erweis p{line-height:40px;text-align:center;color:#fff;background-color:#59B6E1;font-size: 16px;}
.erweis h5{text-align: center;}
.erweis h1{width:70%;margin:50px auto 20px;}
.erweis h1 img{width:100%;max-width:350px;}
/*chat*/
footer.chatFoot {position: fixed;width: 100%;max-width:640px;margin:0 auto;height: 50px;min-height: 50px;border-top: solid 1px #bbb;bottom: 0px;overflow: hidden;padding: 0px 50px;background-color: #fafafa;}
.footer-left {position: absolute;width: 50px;height: 50px;left: 0px;bottom: 0px;text-align: center;vertical-align: middle;line-height: 100%;padding: 12px 4px;}
.footer-right {position: absolute;width: 50px;height: 50px;right: 0px;bottom: 0px;text-align: center;vertical-align: middle;line-height: 100%;padding: 12px 5px;display: inline-block;}
.footer-center {height: 100%;padding: 5px 0px;}
.footer-center [class*=input] {width: 100%;height: 100%;border-radius: 5px;}
.footer-center .input-text {background: #fff;border: solid 1px #ddd;padding: 10px !important;font-size: 16px !important;line-height: 18px !important;font-family: verdana !important;overflow: hidden;}
.footer-center .input-sound {background-color: #eee;}
.mui-content{width:100%;max-width:640px;margin:0 auto;height: 100%;padding: 44px 0px 50px 0px;overflow: auto;background-color: #eaeaea;}
#msg-list {height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.msg-item {padding: 8px;clear: both;}
.msg-item .mui-item-clear {clear: both;}
.msg-item .msg-user {width: 38px;height: 38px;border: solid 1px #d3d3d3;display: inline-block;background: #fff;border-radius: 3px;vertical-align: top;text-align: center;float: left;padding: 3px;color: #ddd;}
.msg-item .msg-user-img{width: 38px;height: 38px;display: inline-block;border-radius: 3px;vertical-align: top;text-align: center;float: left;color: #ddd;}
.msg-item .msg-content {display: inline-block;border-radius: 5px;border: solid 1px #d3d3d3;background-color: #FFFFFF;color: #333;padding: 8px;vertical-align: top;font-size: 15px;position: relative;margin: 0px 8px;max-width: 75%;min-width: 35px;float: left;}
.msg-item .msg-content .msg-content-inner {overflow-x: hidden;}
.msg-item .msg-content .msg-content-arrow {position: absolute;border: solid 1px #d3d3d3;
border-right: none;border-top: none;background-color: #FFFFFF;width: 10px;height: 10px;left: -5px;top: 12px;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.msg-item-self .msg-user,.msg-item-self .msg-content {float: right;}
.msg-item-self .msg-content .msg-content-arrow {left: auto;right: -5px;-webkit-transform: rotateZ(225deg);transform: rotateZ(225deg);}
.msg-item-self .msg-content,.msg-item-self .msg-content .msg-content-arrow {background-color: #4CD964;color: #fff;border-color: #2AC845;}
footer .mui-icon {color: #000;}
footer .mui-icon:active {color: #007AFF !important;}
footer .mui-icon-paperplane:before {content: "发送";}
footer .mui-icon-paperplane {/*-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);*/
font-size: 16px;word-break: keep-all;line-height: 100%;padding-top: 6px;color: rgba(0, 135, 250, 1);}
#msg-sound {-webkit-user-select: none !important;user-select: none !important;}
.rprogress {position: absolute;left: 50%;top: 50%;width: 140px;height: 140px;margin-left: -70px;
margin-top: -70px;background-image: url(../images/arecord.png);background-repeat: no-repeat;background-position: center center;background-size: 30px 30px;background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;display: none;-webkit-transition: .15s;}
.rschedule {background-color: rgba(0, 0, 0, 0);border: 5px solid rgba(0, 183, 229, 0.9);opacity: .9;border-left: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid rgba(0, 0, 0, 0);border-radius: 50px;box-shadow: 0 0 15px #2187e7;width: 46px;height: 46px;position: absolute;left: 50%;
top: 50%;margin-left: -23px;margin-top: -23px;-webkit-animation: spin 1s infinite linear;animation: spin 1s infinite linear;}
.r-sigh{display: none;border-radius: 50px;box-shadow: 0 0 15px #2187e7;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left: -23px;margin-top: -23px;text-align: center;line-height: 46px;font-size: 40px;font-weight: bold;color: #2187e7;}
.rprogress-sigh{background-image: none !important;}
.rprogress-sigh .rschedule{display: none !important;}
.rprogress-sigh .r-sigh{display: block !important;}
.rsalert {font-size: 12px;color: #bbb;text-align: center;position: absolute;border-radius: 5px;width: 130px;margin: 5px 5px;padding: 5px;left: 0px;bottom: 0px;}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
#h {background: #fff;border: solid 1px #ddd;padding: 10px !important;font-size: 16px !important;
font-family: verdana !important;line-height: 40px !important;overflow: visible;position: absolute;left: -1000px;right: 0px;word-break: break-all;word-wrap: break-word;}
.cancel {background-color: darkred;}
/*appraise*/
ul{list-style-type:none;}
.appraiseCon{background-color:#eee;margin-top:50px}
.starts ul{float:left;width:48%;padding-top:5px;margin-left: 4px;}
.starts{width:100%;padding-left:16px;padding-top:7px;line-height:50px;height:70px;overflow: hidden;background: #fff;font-size: 16px;margin:4px 0;}
.starts span.appraise{float: left;width:30%;line-height:50px;height:50px;}
.starts span img{max-width: 45px;vertical-align: middle;}
.starts ul li{width:35px;height:50px;float:left;background:url(../images/star.png) no-repeat left 6px;list-style: none;background-size: 80% 55%;}
.starts ul li.on{background:url(../images/star1.png) no-repeat left 6px;background-size: 80% 55%;}
.starts ul span.appraise2{float:left;width:10%;text-align: center;line-height:50px;height:50px}
.appraiseOne{width:100%;padding:10px 20px;margin:0 auto;border-bottom: 1px solid #ccc;background-color:#fff;}
.appraiseOne textarea{width:100%;font-size:16px;border:0}
.appraiseTwo{overflow: hidden;width:100%;padding:0 20px;margin:0 auto;background-color:#fff;}
.appraiseTwo p{float: left;font-size:16px;line-height:45px;height:45px;}
.appraiseTwo p img{max-width:40px;padding:0 5px;}
.appraiseTwo p.raiseRight{float:right}
.appraiseThree{width:100%;padding:0 20px;margin:0 auto;background-color:#fff;margin-top:10px;}
.appraiseThree p{font-size:16px;line-height:45px;height:45px;}
.appraiseThree p img{max-width:40px;padding:0 5px;}
.appraiseFour p{width:70px;background-color:#49A9DB;border-radius: 6px;float:right;margin-right:30px;line-height:30px;height:30px;margin-top:20px;font-size: 16px;}
.appraiseFour p a{color:#fff;text-align: center;display: block;}
body {background:#fff;margin:0 auto;padding: 0;font:12px Arial;color:#000;line-height:1.2em}
/* 星级评分 */
.shop-rating {height: 35px;overflow: hidden;zoom: 1;padding: 2px 0px;position: relative;z-index: 999;font-size:16px}
.shop-rating span {height: 35px;display: block;line-height: 35px;float: left;}
.shop-rating span.titles {width: 100px;text-align: center;margin-right: 5px;}
.shop-rating ul {float: left;margin:0;padding:0;height: 35px;line-height:35px}
.shop-rating .result {margin-left: 20px;padding-top: 2px;}
.shop-rating .result span {color: #ff6d02;}
.shop-rating .result em {color: #f60;font-family: arial;font-weight: bold;}
.shop-rating .result strong {color: #666666;font-weight: normal;}
.rating-level,.rating-level a {background: url(../images/star_v1.png) no-repeat scroll 1000px 1000px;}
.rating-level {background-position: 0px 4px;width: 122px;height: 23px;position: relative;z-index: 1000;}
.rating-level li {display: inline;}
.rating-level a {line-height: 23px;height: 23px;position: absolute;top: 4px;left: 0px;text-indent: -999em;*zoom: 1;outline: none;}
.rating-level a.one-star {width: 20%;z-index: 6;}
.rating-level a.two-stars {width: 40%;z-index: 5;}
.rating-level a.three-stars {width: 60%;z-index: 4;}
.rating-level a.four-stars {width: 80%;z-index: 3;}
.rating-level a.five-stars {width: 100%;z-index: 2;}
.rating-level .current-rating,.rating-level a:hover{background-position:0 -28px;}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}
/*appraiseList*/
.appList{margin-top:50px;}
.listTop{overflow: hidden;padding:10px 20px;border-bottom: 1px solid #eee;}
.topLeft{width:40%;float: left;border-right: 1px solid #eee;overflow: hidden;}
.topLeft p img{width:100%;max-width:60px;}
.topLeft p{float: left;}
.topLeft p span{display: block;line-height:30px;height:30px;text-align: center;padding-left: 10px;}
.topLeft p span.spanOne{font-size:20px;font-style: italic;color: #F49701;}
.topLeft p span.spanTwo{font-size:16px;}
.topRight{width:60%;float:left}
.topRight p{line-height:25px;height:25px;padding:0 10px;font-size:16px;}
.topRight p img{max-width:17px;margin:0 2px; vertical-align:-2px;}
.listCon ul.menu{overflow: hidden;}
.listCon ul.menu li{float:left;background-color:#49A9DB;border-radius: 6px;width:20%;text-align: center;margin:10px 24px;opacity: 0.5;color:#fff;}
.tabCon ul li{border-top: 1px solid #eee;padding:10px 0;}
.tabCon ul dl{width:100%;overflow: hidden;}
.tabCon ul dl dt{width:24%;float:left;text-align: center;height:120px;}
.tabCon ul dl dt img{max-width:80px;width:60%;}
.tabCon ul dl dd{font-size:16px;float: left;width:75%;}
.tabCon ul dl dd img{max-width:17px;margin:0 2px;}

#tab{position:relative;}
#tab .tabList ul li{float:left;background-color:#49A9DB;border-radius: 6px;width:20%;text-align: center;margin:10px 24px;opacity: 0.5;color:#fff;}
#tab .tabCon{position:absolute;left:-1px;top:32px;width:403px;height:100px;}
#tab .tabCon div{padding:10px;position:absolute;opacity:1;filter:alpha(opacity=0);}
#tab .tabList li.cur{border-bottom:none;background:#49A9DB;opacity: 1;}
#tab .tabCon div.cur{opacity:1;filter:alpha(opacity=100);}


/*header footer*/
#box header{height:50px;background-color:#fff;overflow:hidden;position: relative;margin:0}
header p.title{color:#666;font-size:19px;text-align:center;float:left;width:75%;padding-left:20px;margin:0;line-height:24px;padding-top:13px;}
p.jiFen{color:#666;font-size:19px;float:left;width:75%;padding-left:20px;margin:0;line-height:24px;padding-top:13px;}
header h1{margin:0;font-size:24px;color:#666}
header h1 span{padding-top:13px;}
.navbar footer{width:100%;overflow:hidden;height:55px;border-top:1px solid #ccc;background-color:#fff}
footer dl{float:left;width:33%;text-align:center;padding:5px 0;}
footer dl dt{width:50%;margin:0 auto;height:32px;}
footer dl dt img{max-width:28px;width:100%}
footer dl dd{margin:0;}
footer dl dd a{color:#666;font-size:10px;}
footer dl dd a:hover{text-decoration:none}
footer dl dd a.current{color:#3CA7DD} 
/*navbar footer*/
.navbar{max-width:640px;margin:0 auto;width:100%;}
.glyphicon{color:#666;padding-left:20px;float:left;}
/*header footer*/
/*点击弹出确认框*/
.clickBox{ position: fixed; left: 45%; top:40%; width: 250px; height: 150px; margin-left: -100px; margin-top: -100px; z-index: 999;background-color:#fff;box-shadow: 2px 2px 10px #666;}
.clickBox p{text-align:center;margin-top:20px;}
.clickBox h4{background-color:#44A9DE;width:60px;margin:0 auto;text-align:center;line-height:40px;height:40px;border-radius: 4px;margin-top:30px;}
.clickBox h4 a{color:#fff;}
@media screen and (max-width: 500px) {
.content .login input.message{width:57%;}
.content .login input#btn{width:38%;}
.loginSub{width:80%;}
.loginSub .sub{width:100%;height:47px;}
}

/*recommend*/
.recoms{background: url(../images/recommend_03.jpg) no-repeat left top;background-size:100% 100%;width:100%;max-width:640px;height:640px;margin-top:50px;}
.recomsLittle{width:60%;margin:0 auto;padding-top:96px;text-align: center;}
.recomsLittle p.littleOne{color:#c39858;margin-bottom:20px;}
.recomsLittle p.littleTwo{color:#666;font-size:18px}
.recomsLittle h1 img{width:100%;margin:20px auto;font-size:18px}
.recomsLittle p.littleThree{background:#f43d7f;color:#fff;height:40px;line-height:40px;border-radius:6px;margin:80px auto 0;}
/*header footer*/